// SCSS Variables for EPMS Element UI Library

// Namespace variables
$namespace: e !default;
$elNamespace: el !default;

// Base prefix
$prefix: $namespace !default;

// Common spacing
$spacing-xs: 4px !default;
$spacing-sm: 8px !default;
$spacing-md: 16px !default;
$spacing-lg: 24px !default;
$spacing-xl: 32px !default;

// Colors
$primary-color: #409eff !default;
$success-color: #67c23a !default;
$warning-color: #e6a23c !default;
$danger-color: #f56c6c !default;
$info-color: #909399 !default;

// Border
$border-color: #dcdfe6 !default;
$border-radius: 4px !default;

// Text colors
$text-color-primary: #303133 !default;
$text-color-regular: #606266 !default;
$text-color-secondary: #909399 !default;
$text-color-placeholder: #c0c4cc !default;

// Background colors
$background-color-base: #f5f7fa !default;
$background-color-page: #ffffff !default;

// Z-index
$z-index-normal: 1 !default;
$z-index-top: 1000 !default;
$z-index-popper: 2000 !default;

// Font sizes
$font-size-extra-large: 20px !default;
$font-size-large: 18px !default;
$font-size-medium: 16px !default;
$font-size-base: 14px !default;
$font-size-small: 13px !default;
$font-size-extra-small: 12px !default;
